<div class="main-g-affairs-dashboard">
    <el-row style="padding-bottom: 5px;margin: 0 10vw">
        <el-col :span="6" v-for="item in gaugeItems" :key="item.id">
            <div class="gauge-item" ref="gaugeItem"></div>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="6">
            <border-item>
                <div class="echart-item">
                    <div class="title">
                        <span><i class="el-icon-d-arrow-right"></i>各类指标同比增幅分析</span>
                        <div class="title-right">
                            <span class="icon-span"></span>
                            <span>增幅</span>
                        </div>
                    </div>
                    <div ref="echartDiv1" style="height:12vw;width:100%"></div>
                </div>
            </border-item>
        </el-col>
        <el-col :span="12">
            <div style="width:100%;color: #fff;padding: 0 15px;box-sizing: border-box">
                <el-row>
                    <el-col :span="6">指标总体完成进度</el-col>
                    <el-col :span="14">
                        <el-progress :text-inside="false" :stroke-width="22" :percentage="65" color="#13BAE3"></el-progress>
                    </el-col>
                </el-row>
            </div>
        </el-col>
        <el-col :span="6">
            <border-item>
                <div class="echart-item">
                    <div class="title">
                        <span><i class="el-icon-d-arrow-right"></i>各类指标考核分值统计</span>
                        <div class="title-right">
                            <span class="icon-span fenzhi"></span>
                            <span>分值</span>
                        </div>
                    </div>
                    <div ref="echartDiv2" style="height:12vw;width:100%"></div>
                </div>
            </border-item>
        </el-col>
    </el-row>
</div>